1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
|
import {
Alert,
Platform,
StyleSheet,
} from 'react-native';
import ParallaxScrollView from '@/components/ParallaxScrollView';
import { ThemedText } from '@/components/ThemedText';
import { ThemedView } from '@/components/ThemedView';
import React, { useState, useCallback } from 'react';
import AsyncStorage from '@react-native-async-storage/async-storage';
import { useFocusEffect } from '@react-navigation/native';
import { router, useLocalSearchParams } from 'expo-router';
export default function AlertIdScreen() {
const [token, setToken] = useState('');
const [userId, setUserId] = useState('');
const checkAuth = async () => {
const storedToken =
Platform.OS === 'web'
? localStorage.getItem('token')
: await AsyncStorage.getItem('token');
const storedUserId =
Platform.OS === 'web'
? localStorage.getItem('userId')
: await AsyncStorage.getItem('userId');
setToken(storedToken || '');
setUserId(storedUserId || '');
if (!storedToken || !storedUserId) {
Alert.alert(
'Login required',
'You must log in to the system if you want to see alerts list',
[
{
text: 'Ok',
onPress: () => router.push('/'),
},
]
);
}
};
useFocusEffect(
useCallback(() => {
checkAuth();
}, [])
);
const { id } = useLocalSearchParams();
return (
<ParallaxScrollView>
<ThemedView>
<ThemedText>{ id }</ThemedText>
</ThemedView>
</ParallaxScrollView>
);
}
const styles = StyleSheet.create({
});
|
